import * as React from 'react';
import Box from '@/commonComponents/box/index';
import Seat from './seat';
import { useAppSelector } from '@/app/hooks';
import { selectPassengers } from '@/pages/order/indexSlice';
import './index.module.scss';
const { memo } = React;

function Choose() {
  // const { data } = props;
  const passengers = useAppSelector(selectPassengers);
  if (passengers.length <= 0) {
    return null;
  }
  return (
    <Box data={[1]} isLoading={false} styleName="choose-box">
      <p styleName="tip">在线选座</p>
      <div styleName="container">
        <div styleName="seats">
          <div>窗</div>
          <Seat seatType="A"></Seat>
          <Seat seatType="B"></Seat>
          <Seat seatType="C"></Seat>
          <div>过道</div>
          <Seat seatType="D"></Seat>
          <Seat seatType="F"></Seat>
          <div>窗</div>
        </div>
      </div>
    </Box>
  );
}

export default memo(Choose);
